@charset "utf-8";
@import "reset";
$fs:64px;
@function lpx($px){
    @return $px/$fs*1rem
}
html{
    font-size:$fs;
    .whole{
        width:lpx(640px);
        .kon{
            height:lpx(90px);
        }
        .logobig{
            height:lpx(90px);
            width:lpx(640px);
            background-color:#b20000;
            position:fixed;
            top:0px;
            font-size:0;
            >.logo{
                    padding-top:lpx(20px);
                img{
                    width:lpx(270px);
                    height:lpx(47px);
                    display:block;
                    margin:0 auto;
                }
            }
            .gengduo{
                width:lpx(50px);
                height:lpx(50px); 
                margin-top:lpx(-45px);
                float:left;
                margin-left:lpx(20px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
            .soushuo{
                width:lpx(50px);
                height:lpx(50px); 
                float:right;
                margin-top:lpx(-45px);
                margin-right:lpx(15px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
        }
        >.dtbig{
            width:lpx(640px);
            height:lpx(306px);
            background-image: url(../img/wenzhanlun_02.png);
            background-size:lpx(640px);
            z-index: 9999;
            .lunbo{
                width:lpx(640px);
                height:lpx(104px);
                background-color: rgba(0,0,0,0.6);
                float:left;
                margin-top:lpx(202px);
                padding-left:lpx(20px);
                a{
                p{
                    font-size:lpx(26px);
                    color:white;
                    margin-top:lpx(22px);
                    margin-left:lpx(16px);
                    span{
                        background-color:#b20000;
                    }
                }
                ul{
                    margin-top:lpx(12px);
                    margin-left:lpx(250px);
                    li{
                        float:left;
                        height:lpx(30px);
                        font-size:lpx(17px);
                        color:white;
                        margin-right:lpx(35px);
                        i{
                            font-size:lpx(25px);
                            margin-right:lpx(5px);
                        }
                    }
                    .lunbo_cop{
                        color:red;
                    }
                  
                }
                }
            }
        }
        //content
        .wan_con{
            width: lpx(583px);
            margin:0 auto;
            .con_big{
                width:100%;
                a{
                    .con_small{
                        width:lpx(281px);
                        background:#f6f6f6; 
                        float:left;   
                        font-size:0;
                        margin-top:lpx(20px);
                        img{
                            width:lpx(281px);
                        }
                        p:first-of-type{
                            font-size:lpx(21px);
                            color:black;
                            color:#6e6c6c;
                            margin-top:lpx(10px);
                            margin-left:lpx(6px);
                        }
                        p:nth-of-type(2){
                            font-size:lpx(18px);
                            margin:lpx(12px) 0;
                            span{
                                display: inline-block;
                                width:lpx(90px);
                                background: #b20000;
                                text-align: center;
                                color:white;
                                border-radius:lpx(5px);
                                margin-left:lpx(6px);
                                margin-right:lpx(30px);
                            }
                            i{
                                font-size:lpx(22px);
                                color:#6e6c6c;
                            }
                        }
                        p:nth-of-type(3){
                                margin-bottom:lpx(6px);
                                color:#6e6c6c;
                                margin-top:lpx(6px);
                            img{
                                width:lpx(36px);
                                height:lpx(36px);
                                vertical-align:middle;
                                margin:lpx(-15px) lpx(10px) 0 lpx(6px);
                            }
                            span{
                                font-size:lpx(20px);
                            }
                        }
                    }
                }
                a{
                    .small_right{
                        float:right;
                    }
                }
                
            }
            
            
        }
        .gengduos{
                height:lpx(60px);
                width:lpx(583px);
                margin:0 auto;
                border-top:1px solid darkgray;
                font-size:0;
                margin-top:lpx(20px);
                margin-bottom:lpx(100px);
                .gdform{
                    width:lpx(220px);
                    height:lpx(59px);
                    margin:0 auto;
                    .gdbut{
                        font-size:lpx(22px);
                        color:#656565;
                        background:none;
                         width:lpx(220px);
                        height:lpx(59px);
                    }
                }
            }
//      footer
        .footer{
            height:lpx(95px);
            width:100%;
            background-color:#f5f5f5;
            position:fixed;
            bottom:0px;
            font-size:0;
            li{
                float:left;
                width:20%;
                text-align: center;
                margin-top:lpx(10px);
                i{
                    font-size:lpx(45px);
                    color:#8b8b8b;
                }
                p{
                    font-size:lpx(20px);
                    color:#8b8b8b;
                }
            }
            .footli {
                i{
                    color:red;
                }
                p{
                    color:red;
                }
            }
        }
    }

}